/* 
  * file row style
*/
.fileTitle {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.filtType {
  font-size: 16px;
  font-weight: 600;
}
.fileUploadText {
  font-size: 14px;
  color: #409EFF;
  margin-left: 8px;
  cursor: pointer;
}
.filerow {
  display: flex;
  height:39px;
  align-items: center;
  padding: 0 12px 0 8px;
  box-sizing: border-box;
  border-bottom: 1px solid #e6e8eb;
  transition: all .2s;
  position: relative;
}
.fileOptionViewHide {
  min-width: 165px;
  position: absolute;
  right: 0px;
  top: 0px;
  height: 100%;
  display: flex;
  justify-content: flex-end;
  align-items: center;
  /* background: rgba(255, 255, 255, .9); */
  background: #F7F9FC;
  opacity: 0;
  padding-right: 10px;
  box-sizing: border-box;
  transition: all .4s;
}
.filerow:hover {
  background: #F7F9FC;
}
.filerow:hover .fileOptionViewHide {
  opacity: 1;
}
.filerow:hover .filename {
  color: #409EFF;
}
.selectFilerow {
    background: #409EFF !important;
}
.selectFilerow .filename {
    color: #fff !important;
}
.selectFilerow .filedate {
    color: #fff !important;
}
.selectFilerow .fileOptionViewHide {
    background: #409EFF !important;
}
.selectFilerow .fileoption {
    color: #fff !important;
}

.selectFilerow2 {
    background-color: #eef9fe !important;
}
.selectFilerow2 .filename {
    color: #06a7ff !important;
}
.selectFilerow2 .filedate {
    color: #06a7ff !important;
}
.selectFilerow2 .fileOptionViewHide {
    background-color: #eef9fe !important;
}
.selectFilerow2 .fileoption {
    color: #06a7ff !important;
}

.fileTypeImage {
    width: 33px;
    height: 33px;
}
.filename {
    width: 0px;
    flex: 1;
    font-size: 14px;
    color: #000000;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    cursor: pointer;
}
    .filename div {
        width: 0px;
        flex: 1;
        padding-right: 8px;
        box-sizing: border-box;
        overflow: hidden;
        white-space: nowrap;
        text-overflow: ellipsis;
        align-content: center
    }
.insfilename {
    flex: 1;
    font-size: 12px;
    color: #000000;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    cursor: pointer;
}
.filename div span {
  font-weight: 600;
}
.filedate {
  font-size: 14px;
  color: #000000;
  margin-left: 6px;
  cursor: pointer;
}
.filetype {
  width: 50px;
  text-align: center;
  font-size: 12px;
  color: #909aaa;
  margin-left: 6px;
  border-radius: 2px;
  cursor: pointer;
}
.fileoption {
  color: #409EFF;
  font-size: 14px !important;
  margin-left: 6px;
  font-weight: 400 !important;
  cursor: pointer;
}
.fileoption_disabled {
  color: #a0cfff !important;
  cursor: not-allowed !important;
}
.fileoption_red {
  color: #F56C6C;
}
.fileoption_warning {
    color: #E6A23C;
}

.fileoption_red_disabled {
  color: #fab6b6;
  cursor: not-allowed;
}
.fileFolder {
    display: flex;
    align-items: center;
    width: 150px;
    height: 100%;
    font-size: 14px;
    color: #000000;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    cursor: pointer;
}
.icss {
    color: #409EFF;
    font-size: 22px ;
    margin-right: 6px;
    cursor: pointer;
}
.fileFolder:hover {
    color: #409EFF;
}
.gray {
  color: #909aaa;
  border: 1px solid #909aaa;
}
.blue {
  color: #409EFF;
  border: 1px solid #409EFF;
}
.yellow {
  color: #E6A23C;
  border: 1px solid #E6A23C;
}
.green {
  color: #67C23A;
  border: 1px solid #67C23A;
}
.fileoption2 {
    color: #FFF;
    font-size: 12px !important;
    margin-left: 6px;
    font-weight: 400 !important;
    cursor: pointer;
}
.spanIcon {
    background-color: #409EFF;
    border-radius: 50%;
    margin-left: 10px;
    width: 25px;
    height: 25px;
}
.xialazhankai {
    font-size: 14px !important;
    color: #4B80FD
}
.newIcon {
    font-size: 24px !important;
    color: #409EFF
}